<html>
<head>
    <meta charset="utf-8">   
    <title>用户中心</title>
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
    <link rel="stylesheet" href="../css/user.css">
    <link rel="stylesheet" href="../css/nav.css">
    <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
    <script src="https://cdn.staticfile.org/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>
    <script src="https://cdn.staticfile.org/popper.js/1.15.0/umd/popper.min.js"></script>
    <script src="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
    <!--react-->
    <script src="https://cdn.staticfile.org/react/16.4.0/umd/react.development.js"></script>
    <script src="https://cdn.staticfile.org/react-dom/16.4.0/umd/react-dom.development.js"></script>
    <script src="https://cdn.staticfile.org/babel-standalone/6.26.0/babel.min.js"></script>
    <script src="../thirdparty/jsrender.js"></script>
    <script src="user.js"></script>    
</head>
<body>
  <div class="nav">
    <a href="../index.html" class="para-a">
      <img src="../img/logo.png"/>
      学生接单平台
    </a>
    <a href="user.html" class="common-a">用户中心</a>
    <a href="../task_detail.html" class="common-a">任务中心</a>
    <a href="../bussiness.html" class="common-a">发布任务</a>
    <a href="../collect.html" class="common-a">我的收藏</a>
    <a href="../message.html" class="common-a">消息中心</a>
    <a href="../money.html" class="common-a">资金账户</a>
    <a href="../enterExam.html" class="common-a">入站考试</a>
    <a href="../vs.html" class="common-a">自主大赛</a>
    <a href="../student_opensource.html" class="common-a">开源项目</a>
    <a href="../login.html" class="common-a">登陆注册</a>
    <a href="../donate.html" class="common-a">捐赠页面</a>
    <a href="../web_owner_info.html" class="common-a">站长的话</a>
  </div> 
<br><br>
    <!--导航栏-->
    <h1 style="text-align:center;">不因学历而自卑，加油坚持才能胜利！</h1>
   <p id="title">资料设置</p>
   <ol id="profile_root">
       <li>基本信息</li>
       <li>账号绑定</li>
       <li>实名认证</li>
       <li>创作中心</li>
   </ol>
   <div id="profile_edit">
    <div id="title">
        <b>基本信息</b>
       <button id="edit_btn" class="btn btn-primary">编辑</button>
    </div>
    <div id="content">
    </div>
   </div>
   
   <br/>
   <button class="btn btn-primary">提现</button>
   <button class="btn btn-success">充值</button>
   <button id="tip" data-toggle="modal" data-target="#myModal" style="display: none;">模态</button>
       <!-- 模态框 -->
  <div class="modal fade" id="myModal">
    <div class="modal-dialog">
      <div class="modal-content">
   
        <!-- 模态框头部 -->
        <div class="modal-header">
          <h4 class="modal-title">未登录！</h4>
          <button type="button" class="close" data-dismiss="modal">&times;</button>
        </div>
   
        <!-- 模态框主体 -->
        <div class="modal-body">请先登录
        </div>
   
        <!-- 模态框底部 -->
        <div class="modal-footer">
            <button class="btn btn-primary" id="login">登录</button>
          <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
        </div>
   
      </div>
    </div>
  </div>
   <!--以后重构-->
   <!--
   <p>荣誉证书</p>
   <button id="upload_zhenshu">上传图片</button>
   <button>图片</button>
   <p>站长提醒！不管什么证书，学校里的也好，大大小小的证书都是对能力的证明！，都写上吧！</p>
   <p>技能标签</p>
   <p>站长提醒！这里我不会设置vip限制技能标签个数了，这些人眼里只有钱！！！</p>
   <div id="tag_area">标签区域
   <button class="tag">编程</button>
   <button class="tag">绘画</button>
   <button class="tag">游戏开发</button>
   <button class="tag">哲学自我思考</button>
   <button class="tag">文案</button>
</div>
   <input id="custom_tag" placeholder="自定义标签"/>
   <button id="add_tag">添加</button>
   <br/>
   <button>提交个人标签</button>
   <p>个人标签堆栈列表</p>
   <ol id="user_skill_tag">
   </ol>
   <button id="clear_user_skill_tags">清空个人标签</button>
   <p>项目经历</p>
   <p>站长提醒！不管这个项目有没有赚到钱，主要是自己人生里写过的作品，理想主义也好，虚无主义也好，都写上来吧！</p>
   <div class="edit" contenteditable="true">
       内容
   </div>
   <button>提交</button>
   <p>做最有个性的00后自己的技能赚钱网站，视频需要用转链接，因为缺钱，我的设想是使用无产的方式实现这些目标！</p>
-->
</body>
</html>